<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Honeydew</title>
<!-- Jquery -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.mask.js"></script>
<!-- carousel -->
<link href="${pageContext.request.contextPath}/css/carousel.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<!-- responsive -->
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- holder -->
<script src="${pageContext.request.contextPath}/holder/holder.js"></script>
<!-- commons -->
<link href="${pageContext.request.contextPath}/css/commons.css" rel="stylesheet" />

<!-- Shop -->
<script src="${pageContext.request.contextPath}/js/shop.js"></script>
</head>

<!-- body -->
<body>
<s:set var="theme" value="'simple'" scope="page" />
<s:form id="explain1201_Form" action="explain_explain1201">
	<div class="container body-base">
		
		<table width="100%">
			<tr>
		    	<td>
		        	<!-- banner -->
		        	<s:include value="header.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- content -->
		            <table width="100%" height="100%" class="explain-height">
		            	<tr>
		                	<td width="20%" align="left" valign="top">
		                    	<br/>
		                        <s:include value="explain_link.jsp" />
		                    </td>
		                    <td width="80%" align="left" valign="top">
		                        <br/>
                        <div class="row-fluid">
                            <img src="${pageContext.request.contextPath}/image/explain-12.jpg" width="600" height="88" />
		                        <br />
		                        <table width="100%">
		                        	<tr height="10%">
		                            	<td width="100%" colspan="2" align="left" valign="top">
		                                	<p>感謝您對HONEYDEW的支持，若您有任何問題，請輸入以下資料，HONEYDEW收到信件後1-2天內會回覆您，謝謝!</p>
		                                	<div id="sendMessageBar"></div>
		                                </td>
		                            </tr>
		                            <tr height="80%">
		                            	<td width="30%" align="left" valign="top">
		                                	<fieldset>
		                                        <label>會員姓名 &ensp;</label><br/>
		                                        	<input type="text" id="suggestBo.name" name="suggestBo.name" value="<s:property value='suggestBo.name'/>" placeholder="" /><br/><br/><br/>
		                                        <label>會員帳號 &ensp;</label><br/>
		                                        	<input type="text" id="suggestBo.account" name="suggestBo.account" value="<s:property value='suggestBo.account'/>" placeholder="" /><br/><br/><br/>
		                                        <label>聯絡手機 &ensp;</label><br/>
		                                        	<input type="text" id="suggestBo.phone" name="suggestBo.phone" value="<s:property value='suggestBo.phone'/>" placeholder="" /><br/><br/><br/>
		                                        <label>聯絡信箱 &ensp;</label><br/>
		                                        	<input type="text" id="suggestBo.email" name="suggestBo.email" value="<s:property value='suggestBo.email'/>" placeholder="" /><br/><br/><br/>
		                                        <label>訂單編號 &ensp;</label><br/>
		                                        	<input type="text" id="suggestBo.orderNumber" name="suggestBo.orderNumber" value="<s:property value='suggestBo.orderNumber'/>" placeholder="" /><br/><br/><br/>
		                                    </fieldset>
		                                </td>
		                                <td width="70%" align="left" valign="top">
		                                	<fieldset>
		                                        <label>問題類別 &ensp;</label><br/>
		                                        <select id="suggestBo.issueClass" name="suggestBo.issueClass">
		                                            <option value="查詢出貨進度">查詢出貨進度</option>
		                                            <option value="其他">其他</option>
		                                        </select>
		                                        <br/><br/><br/>
		                                        <label>問題描述 &ensp;</label><br/>
		                                        <s:textarea theme="simple" id="suggestBo.issueDesc" name="suggestBo.issueDesc" cols="80" rows="15">
		                                        	
		                                        </s:textarea>
		                                        <br/><br/><br/>
		                                    </fieldset>
		                                </td>
		                            </tr>
		                            <tr height="10%">
		                            	<td width="100%" colspan="2" align="right" valign="top">
		                                	<input type="button" class="btn" value="Sumit 送出" onclick="ajaxExplain1201();" />
		                                </td>
		                            </tr>
		                        </table>
		                        <br />
		                    </td>
		                </tr>
		            </table>
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- footer -->
		        	<s:include value="footer.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- copyright -->
		        	<s:include value="copyright.jsp" />
		        </td>
		    </tr>
		</table>
		
	</div>
</s:form>
</body>
</html>
